<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<script type="text/javascript" src="js/styleswitcher.js"></script>
	<link rel="stylesheet" type="text/css" href="css/style.css" title="style" />
	<link rel="alternate stylesheet" type="text/css" href="css/style_noir.css"title="style_noir" />
	<title>musicMAP - Votre profil</title>
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/easySlider.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$("#slider").easySlider({
				orientation:'horizontal'
			});
		});
	</script>
	<script type="text/javascript" language="javascript">
		function AfficherCacherFormulaire(){
			if (document.getElementById('formuModifier').style.display=='none'){
				document.getElementById('formuModifier').style.display='';
				document.getElementById('formuAffichage').style.display='none';
				} else {
				document.getElementById('formuModifier').style.display='none';
				document.getElementById('formuAffichage').style.display='';
				}
		}
		function CacherFormulaire(){
			if (document.getElementById('formuModifier').style.display==''){
				document.getElementById('formuModifier').style.display='none';
				document.getElementById('formuAffichage').style.display='';
				document.getElementById('boutonModifier').style.display='';
				}
		}
		function AfficherFormulaire(){
			if (document.getElementById('formuModifier').style.display=='none'){
				document.getElementById('formuModifier').style.display='';
				document.getElementById('formuAffichage').style.display='none';
				document.getElementById('boutonModifier').style.display='none';
				}
		}
	</script>
	<!--[if lt IE 9]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> <![endif]-->
</head>
<body>
	<div id="content">
		<p id="top">Vous êtes loggé en tant que : Michel Plasse <a href="#" id="deconnexion">Déconnexion</a></p>
		<div id="logo">
			<h1><a href="index.html"></a></h1>
		</div>
		<ul id="navigation">
			<li><a href="index.jsp">Accueil</a></li>
                        <li><a href="maps.html?action=getVilles">Maps</a></li>
			<li><a href="stats.html?action=getSemaines">Stats</a></li>
                        <li class="current"><a href="profil.jsp">Profil</a></li>
			<li><a href="contact.jsp">Contact</a></li>
		</ul>
		<div class="ligne"></div>
		<div class="intitule int_profil">
			<h1>Votre Profil<br /></h1>
			<h2>Vous pouvez consulter vos informations personnelles, les modifier ou changer le thème du site.<br /></h2>
		</div>
		<div class="colonne col_profilEtudiant_fiche_Etudiant">
			<h3>Vos informations</h3>
			<p>
			<div id="formuAffichage" style="" class="table">
				<div id="formulaire_etudiant">
							<div><label for="nom">Nom :</label>									<span>Astley</span></div>
							<div><label for="prenom">Prénom :</label>							<span>Rick</span></div>
							<div><label for="email">Email :</label>								<span>sdfsdgfdsgdfr</span></div>
							<div><label for="tel1">Téléphone 1 :</label>						<span>0123456789</span></div>
							<div><label for="tel2">Téléphone 2 :</label>						<span>0123456789</span></div>
							<div><label for="adresse">Adresse :</label>							<span>45 Rick avenue</span></div>
							<div><label for="codepostal">Code postal :</label>					<span>75015</span></div>
							<div><label for="ville">Ville :</label>								<span>Rickville</span></div>
							<div><label for="datenaissance">Date de naissance :</label>			<span>42/42/4242</span></div>
							<div><label for="lieunaissance">Lieu de naissance :</label>			<span>Rickville</span></div>
							<div><label for="nationalité">Nationalité :</label>					<span>UK</span></div>
							<div><label for="facebook">Facebook :</label>						<span></span></div>
							<div><label for="linkedin">LinkedIn :</label>						<span></span></div>
							<div><label for="viadeo">Viadeo :</label>							<span></span></div>
				</div>
			</div>
			<div id="formuModifier" style="display:none;" class="table">
			    <div id="formulaire_etudiant2" >
					<form action="" class="form">

						<div><label for="nom">Nom :</label>									<span><input type="text" name="nom" id="nom" /></span></div>
						<div><label for="prenom">Prénom :</label>							<span><input type="text" name="prenom" id="prenom" /></span></div>
						<div><label for="email">Email :</label>								<span><input type="text" name="email" id="email" /></span></div>
						<div><label for="tel1">Téléphone 1 :</label>						<span><input type="text" name="tel1" id="tel1" /></span></div>
						<div><label for="tel2">Téléphone 2 :</label>						<span><input type="text" name="tel2" id="tel2" /></span></div>
						<div><label for="adresse">Adresse :</label>							<span><input type="text" name="adresse" id="adresse" /></span></div>
						<div><label for="code_postal">Code postal :</label>					<span><input type="text" name="code_postal" id="code_postal" /></span></div>
						<div><label for="ville">Ville :</label>								<span><input type="text" name="ville" id="ville" /></span></div>
						<div><label for="date_naissance">Date de naissance :</label>		<span><input type="text" name="date_naissance" id="date_naissance" /></span></div>
						<div><label for="lieu_naissance">Lieu de naissance :</label>		<span><input type="text" name="lieu_naissance" id="lieu_naissance" /></span></div>
						<div><label for="id_nationalité">Nationalité :</label>				<span><input type="text" name="id_nationalite" id="id_nationalite" /></span></div>
						<div><label for="url_facebook">Facebook :</label>					<span><input type="text" name="url_facebook" id="url_facebook" /></span></div>
						<div><label for="url_linkedin">LinkedIn :</label>					<span><input type="text" name="url_linkedin" id="url_linkedin" /></span></div>
						<div><label for="url_viadeo">Viadeo :</label>						<span><input type="text" name="url_viadeo" id="url_viadeo" /></span></div>
						<div><label></label>												<span><a href="#" class="submitAnnuler"><input type="submit" value="Annuler" onclick="CacherFormulaire(); return false;"/>
																							</a><a class="submitValider"><input type="submit" value="Envoyer" /></a></span>

						</div>
					</form>
				</div>
			</div>
			</p>
			<span><a href="#" id="boutonModifier" style="" class="submit"><input type="submit" value="Modifier" onclick="AfficherFormulaire(); return false;" onclick="CacherBouton(); return false;"/></a></span>
		</div>



		<div class="colonne col_profilEtudiant_fiche_Tuteur">

			<h3><span id="prevBtn"><a href="javascript:void(0);" onclick="setActiveStyleSheet('style'); return false;">Thème Rouge</a></span></h3>
			<h3>|</h3>
			<h3><span id="nextBtn"><a href="javascript:void(0);" onclick="setActiveStyleSheet('style_noir'); return false;">Thème Noir</a></span></h3>
			<br/>
			<p>
			<div id="slider" class="table">
				<ul>
					<li>
                                            <img src="images/logo_GTE.png" border="0" alt="logo_rouge"></img>
                                        </li>

					<li>
                                            <img src="images_noir/logo_GTE.png" border="0" alt="logo_noir"></img>
					</li>
				</ul>

			</div>
			</p>
		</div>
		<div class="ligne"></div>
		<div class="gauche">
			<h4>Dernières nouvelles</h4>
			<p><em>Laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</em></p>
		</div>
		<div class="droite">
                    <%@include file="inc/news.html" %>
		</div>

		<div id="pied">
                    <%@include file="inc/pied.html" %>
		</div>
	</div>
</body>
</html>
